﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MaestraVotante.Master" AutoEventWireup="true"
    CodeBehind="Reportes.aspx.cs" Inherits="VotanetWebSite.Acceso_Administrador.Reportes" %>

<%@ Register Assembly="System.Web.DataVisualization, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI.DataVisualization.Charting" TagPrefix="asp" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<asp:Content ID="HeadReportes" ContentPlaceHolderID="headMaestro" runat="server">
</asp:Content>
<asp:Content ID="BodyReportes" ContentPlaceHolderID="ContentPlaceHolderMaestro" runat="server">
    <div class="bordeRedondo">
        <div class="encabezado">
            <span class="label12">Panel administracion </span>
            <div style="text-align: right;">
                <asp:Label ID="lblNombreUsuarioLogin" runat="server" Text="" CssClass="label12"></asp:Label>
                &nbsp;&nbsp;
                <br />
                <asp:ImageButton ID="BtnLogout" runat="server" ImageUrl="~/Images/logout.png" ValidationGroup="logout"
                    OnClick="BtnLogout_Click" />
            </div>
        </div>
        <div class="bordeRedondo" style="height: 380px">
            <div class="encabezado">
                <asp:Label ID="lblMenu" runat="server" Text="Generos" CssClass="label12"></asp:Label>
            </div>
            <div class="ColumnaDerecha">
                <br />
                <asp:Chart ID="Chart1" runat="server" Width="600" Height="340" BackGradientStyle="DiagonalRight"
                    BackColor="Silver">
                    <Series>
                        <asp:Series Name="ChartSEx" YValuesPerPoint="6" Palette="Grayscale" IsValueShownAsLabel="true">
                        </asp:Series>
                    </Series>
                    <ChartAreas>
                        <asp:ChartArea Name="ChartAreaSex">
                            <Area3DStyle Enable3D="true" Rotation="30" Perspective="10" Inclination="15" />
                        </asp:ChartArea>
                    </ChartAreas>
                    <BorderSkin BackColor="Highlight" />
                </asp:Chart>
            </div>
            <div class="ColumnaIzquierda">
                <p>
                    Cantidad de hombre y mujeres que votaron en todas las votaciones
                </p>
            </div>
        </div>
        <br />
        <div class="bordeRedondo" style="height: 380px">
            <div class="encabezado">
                <asp:Label ID="lblCivilStatus" runat="server" Text="Estado Civil" CssClass="label12"></asp:Label>
            </div>
            <div class="ColumnaIzquierda">
                <br />
                <asp:Chart ID="ChartCivilStatus" runat="server" Width="600" Height="340" BackGradientStyle="DiagonalRight"
                    BackColor="Silver">
                    <Series>
                        <asp:Series Name="ChartSerieCivilStatus" Palette="Grayscale" IsValueShownAsLabel="true"
                            XValueMember="4">
                        </asp:Series>
                    </Series>
                    <ChartAreas>
                        <asp:ChartArea Name="ChartAreaCivilStatus">
                            <Area3DStyle Enable3D="true" Rotation="-30" Perspective="10" Inclination="15" />
                        </asp:ChartArea>
                    </ChartAreas>
                    <BorderSkin BackColor="Highlight" />
                </asp:Chart>
            </div>
            <div class="ColumnaDerecha">
                <p>
                    Estado civil de los votantes
                </p>
            </div>
        </div>
        <br />
        <div class="bordeRedondo" style="height: 380px">
            <div class="encabezado">
                <asp:Label ID="Label1" runat="server" Text="Grupos" CssClass="label12"></asp:Label>
            </div>
            <div class="ColumnaDerecha">
                <br />
                <asp:Chart ID="ChartGroup" runat="server" Width="600" Height="340" BackGradientStyle="DiagonalRight"
                    BackColor="Silver">
                    <Series>
                        <asp:Series Name="ChartSerieGroup" YValuesPerPoint="6" Palette="Grayscale" IsValueShownAsLabel="true">
                        </asp:Series>
                    </Series>
                    <ChartAreas>
                        <asp:ChartArea Name="ChartAreaGroup">
                            <Area3DStyle Enable3D="true" Rotation="30" Perspective="10" Inclination="15" />
                        </asp:ChartArea>
                    </ChartAreas>
                    <BorderSkin BackColor="Highlight" />
                </asp:Chart>
            </div>
            <div class="ColumnaIzquierda">
                <p>
                    Cantidad votantes por grupo
                </p>
            </div>
        </div>
        <br />
        <div class="bordeRedondo" style="height: 380px">
            <div class="encabezado">
                <asp:Label ID="lblEdad" runat="server" Text="Rango edad" CssClass="label12"></asp:Label>
            </div>
            <div class="ColumnaIzquierda">
                <br />
                <asp:Chart ID="ChartAge" runat="server" Width="600" Height="340" BackGradientStyle="DiagonalRight"
                    BackColor="Silver">
                    <Series>
                        <asp:Series Name="ChartSerieAge" Palette="Grayscale" IsValueShownAsLabel="true" XValueMember="4">
                        </asp:Series>
                    </Series>
                    <ChartAreas>
                        <asp:ChartArea Name="ChartAreaAge">
                            <Area3DStyle Enable3D="true" Rotation="-30" Perspective="10" Inclination="15" />
                        </asp:ChartArea>
                    </ChartAreas>
                    <BorderSkin BackColor="Highlight" />
                </asp:Chart>
            </div>
            <div class="ColumnaDerecha">
                <p>
                    Estado civil de los votantes
                </p>
            </div>
        </div>
        <br />
        <div class="bordeRedondo" style="height: 380px">
            <div class="encabezado">
                <asp:Label ID="Label2" runat="server" Text="Votantes por Comuna" CssClass="label12"></asp:Label>
            </div>
            <div class="ColumnaDerecha">
                <br />
                <asp:Chart ID="ChartComunne" runat="server" Width="600" Height="340" BackGradientStyle="DiagonalRight"
                    BackColor="Silver">
                    <Series>
                        <asp:Series Name="ChartSerieComunne" Palette="Grayscale" IsValueShownAsLabel="true" XValueMember="4">
                        </asp:Series>
                    </Series>
                    <ChartAreas>
                        <asp:ChartArea Name="ChartAreaComunne">
                            <Area3DStyle Enable3D="true" Rotation="30" Perspective="10" Inclination="15" />
                        </asp:ChartArea>
                    </ChartAreas>
                    <BorderSkin BackColor="Highlight" />
                </asp:Chart>
            </div>
            <div class="ColumnaIzquierda">
                <p>
                    Estado civil de los votantes
                </p>
            </div>
        </div>
        <br />
    </div>
</asp:Content>
